getList()
//添加分类
$('#addCategory').on('submit', function (e) {
    //阻止表单默认行为
    e.preventDefault();
    //快速获取用户输入的数据
    var formData = $(this).serialize();
    $.ajax({
        method: 'POST',
        url: 'http://localhost:3000/categories',
        data: formData,
        success: function () {
            getList();
        }
    })
})
//渲染页面函数
function getList() {
    $.ajax({
        method: "GET",
        url: 'http://localhost:3000/categories',
        success: function (res) {
            //调用template函数，拼接数据
            var htmlStr = template('categoryListTpl', { data: res });
            //渲染数据
            $('tbody').html(htmlStr)
        }
    })
}

//点击编辑按钮  通过代理的形式
$('#categoryBox').on('click', '.edit', function () {
    // 获取id
    var id = $(this).attr('data-id');
    $.ajax({
        method: 'GET',
        url: 'http://localhost:3000/categories/' + id,
        success: function (res) {
            //把当前的表格里的数据传送到form表单
            var htmlStr = template('modifyCategoryTpl', res);
            $('#formBox').html(htmlStr)
        }
    })
})


//点击修改按钮  通过代理的形式
$('#formBox').on('submit', '#modifyCategory', function (e) {
    e.preventDefault();//阻止默认提交行为
    var id = $(this).attr('data-id');//获取id
    var formData = $(this).serialize();//获取所有数据
    $.ajax({
        method: 'put',//put请求用于更新记录
        url: 'http://localhost:3000/categories/' + id,
        data: formData,
        success: function () {
            getList()
        }
    })
})

//删除分类  通过代理的形式
$('#categoryBox').on('click', '.delete', function () {
    //（confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。
    if (confirm('您真的要执行删除操作吗')) {
        var id = $(this).attr('data-id');
        $.ajax({
            method: 'delete',//Delete方法就是通过http请求删除指定的URL上的资源
            url: 'http://localhost:3000/categories/' + id,
            success: function () {
                getList();
            }
        })
    }

})